.b {
  border: 1px solid ;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
hr,
img,
a,
form,
label,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html, body, #app {
  height: 100%;
  letter-spacing: 0.1em;
}
#app {
  height: 100vh;
  width: 100vw;
  overflow: scroll;
}
.pointer {
  cursor: pointer;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40{
  margin-top: 40px;

}
.mt40-b20 {
  margin: 0 40px 0 20px;
}
.mtb-40 {
  margin: 40px 0;
}
.title {
  text-align: center;font-size: 25px;
  font-weight: 700;
  
}



.two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.scale:hover {
  transform: scale(1.1);
}

:root {
  --background-color: #fff;
  --background-gray-color:  #f2f2f2;
  --font-default-color: #000;
  --font-gray-color: #6a757e;
  --iconfont-color: #7e6a6a;
  --border-color: none;
  --ainmation-bg-color: #fff;
  --el-bg-color: var(--background-color);
  --el-table-text-color: var(--font-gray-color);
 --el-mask-color: var(--background-gray-color);
 
}

:root.dark {
  --background-color:#1a1a1a;
  --background-gray-color: #242424;
  --font-default-color: #e2e2e2;
  --font-gray-color: #b7b7b7;
  --iconfont-color: #a29e9e;
  --border-color: #373737;
  --ainmation-bg-color: #363636;
  --el-bg-color: var(--background-color);
  --el-table-text-color: var(--font-gray-color);
 --el-mask-color: var(--background-gray-color);


}

.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.grid53 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.grid52 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

